import { defineStore } from 'pinia'
import { ref } from 'vue'

export const useHomeStore = defineStore('home', () => {
  // ==================== 状态定义 ====================
  const welcomeMessage = ref('欢迎使用管理系统')
  
  const systemInfo = ref({
    title: 'Vue 3 + Element Plus 后台管理系统',
    description: '这是一个基于 Vue 3 + Element Plus 的后台管理系统模板',
    features: [
      'Vue 3 组合式API',
      'Element Plus UI组件库',
      'Pinia 状态管理',
      'Vue Router 路由管理',
      'SCSS 样式预处理',
      '响应式设计'
    ]
  })

  const stats = ref({
    totalUsers: 0,
    totalOrders: 0,
    totalRevenue: 0,
    onlineUsers: 0
  })

  // ==================== 业务逻辑方法 ====================
  const loadStats = async () => {
    try {
      // 模拟加载统计数据
      stats.value = {
        totalUsers: 1234,
        totalOrders: 5678,
        totalRevenue: 98765,
        onlineUsers: 89
      }
    } catch (error) {
      console.error('加载统计数据失败:', error)
    }
  }

  const updateWelcomeMessage = (message) => {
    welcomeMessage.value = message
  }

  // ==================== 返回状态和方法 ====================
  return {
    // 状态
    welcomeMessage,
    systemInfo,
    stats,
    
    // 业务方法
    loadStats,
    updateWelcomeMessage
  }
})